<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>order</title>
		<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
		<meta name="description" content="Developed By M Abdur Rokib Promy">
		<meta name="keywords" content="Admin, Bootstrap 3, Template, Theme, Responsive">
		<!-- bootstrap 3.0.2 -->
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
		<!-- font Awesome -->
		<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<!-- Ionicons -->
		<link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
		<!-- Morris chart -->
		<link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
		<!-- jvectormap -->
		<link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
		<!-- Date Picker -->
		<link href="css/datepicker/datepicker3.css" rel="stylesheet" type="text/css" />
		<!-- fullCalendar -->
		<!-- <link href="css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" /> -->
		<!-- Daterange picker -->
		<link href="css/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" />
		<!-- iCheck for checkboxes and radio inputs -->
		<link href="css/iCheck/all.css" rel="stylesheet" type="text/css" />
		<!-- bootstrap wysihtml5 - text editor -->
		<!-- <link href="css/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" /> -->

		<!-- Theme style -->
		<link href="css/style.css" rel="stylesheet" type="text/css" />



		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
          <![endif]-->

		<style type="text/css">

		</style>
	</head>

	<body class="skin-black">
		<header class="header">
			<a href="index.html" class="logo">
				后台管理系统
			</a>
			<nav class="navbar navbar-static-top" role="navigation">
				<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<div class="navbar-right">
					<ul class="nav navbar-nav">

						<li class="dropdown user user-menu">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								<i class="fa fa-user"></i>
								<span>陈 <i class="caret"></i></span>
							</a>
							<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
								<li>
									<a href="#"><i class="fa fa-ban fa-fw pull-right"></i> Logout</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<div class="wrapper row-offcanvas row-offcanvas-left">
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="left-side sidebar-offcanvas">
				<!-- sidebar: style can be found in sidebar.less -->
				<section class="sidebar">
					<!-- Sidebar user panel -->
					<div class="user-panel">
						<div class="pull-left image">
							<img src="img/26115.jpg" class="img-circle" alt="User Image" />
						</div>
						<div class="pull-left info">
							<p>hello，陈</p>

							<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
						</div>
					</div>

					<!-- /.search form -->
					<!-- sidebar menu: : style can be found in sidebar.less -->
					<ul class="sidebar-menu">
						<li>
							<a href="index.html">
								<i class="fa fa-dashboard"></i> <span>工作台</span>
							</a>
						</li>
						<li>
							<a href="product.html">
								<i class="fa fa-gavel"></i> <span>商品管理</span>
							</a>
						</li>

						<li class="active">
							<a href="basic_form.html">
								<i class="fa fa-globe"></i> <span>订单管理</span>
							</a>
						</li>

						<li>
							<a href="user.html">
								<i class="fa fa-glass"></i> <span>用户管理</span>
							</a>
						</li>

					</ul>
				</section>
				<!-- /.sidebar -->
			</aside>

			<aside class="right-side">
				<div class="row">
					<div class="col-xs-12">
						<div class="panel">
							<header class="panel-heading">
								订单管理列表
							</header>
							<div class="panel-body ">
								<div class="box-tools m-b-15">
									<div class="input-group">
										<input type="text" name="table_search" class="form-control input-sm pull-right" style="width: 150px;"
										 placeholder="订单号" />
										<div class="input-group-btn">
											<button class="btn btn-sm btn-default"><i class="fa fa-search"></i></button>
										</div>
									</div>
								</div>
								<table class="table table-bordered">
									<thead>
										<tr>
											<th>订单号</th>
											<th>订单价格</th>
											<th>订单状态</th>
											<th>所属人</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
									</tbody>

								</table>
								<div class="table-foot">
									<ul class="pagination pagination-sm no-margin pull-right" id="pages">
										</ul>
								</div>
							</div><!-- /.box-body -->
						</div><!-- /.box -->
					</div>
				</div>
				</section><!-- /.content -->

			</aside><!-- /.right-side -->

		</div><!-- ./wrapper -->


		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
		<script src="js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
		<script src="js/plugins/chart.js" type="text/javascript"></script>
		<script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
		<script src="js/plugins/fullcalendar/fullcalendar.js" type="text/javascript"></script>
		<script src="js/Director/app.js" type="text/javascript"></script>
		<script src="js/Director/dashboard.js" type="text/javascript"></script>
		<script src="js/page/config.js"></script>
		<script src="js/page/order.js"></script>
	</body>

</html>
